<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title langWord="t:User_Center_Favorites">Favorites</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/user/favorite.css" />
		<link rel="stylesheet" href="../../resources/css/solution/list.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/favourite/list.js"></script>
		
	</head>

	<body ms-controller="listPage">
		<input type="hidden" value="" id="uid"/>
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title" langWord="t:User_Center_Favorites">Favorites</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>
			<a class="mui-icon mui-pull-right mui-icon-white" href="../product/category.html">
				<i class="icon icon_home"></i>
			</a>
		</header>

		<div class="mui-content ">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a id="a_product" class="mui-control-item mui-active" href="#product" langWord="t:index_Product">
						Product
					</a>
					<a id="a_solution" class="mui-control-item" href="#solution" langWord="t:index_Solution">
						Solution
					</a>
				</div>
				<div class="mui-slider-progress-bar mui-col-xs-6"></div>
				<div class="mui-slider-group">
					<div id="product" class="mui-slider-item mui-control-content mui-active">
						<div id="product-list" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								
								<div class='noData' ms-html="@noProductData"></div>
								
								<ul class="mui-table-view ">
								
									<li href="../product/pdp.html" class="mui-table-view-cell mui-media" ms-for='(i,product) in @products' ms-attr="{'id': @product.id}">
										<div class="mui-slider-right mui-disabled">
											<a ms-attr="{'data-id': @product.id}" class="mui-btn mui-btn-red">Delete</a>
										</div>
										<div class="mui-slider-handle">
											<img class="mui-media-object mui-pull-left" ms-attr="{src: @product.image}">
											<div class="mui-media-body">
												{product.partnumber}
												<p class='mui-ellipsis'>{product.productName}</p>
											</div>
										</div>
									</li>
									
								</ul>
							</div>
						</div>
					</div>
					<div id="solution" class="mui-slider-item mui-control-content">
						<div id="solution-list" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								
								<div class='noData' ms-html="@noSolutionData"></div>
								
								<div class="mui-col-xs-12">
									<a class="its_box" ms-for='(i,solution) in @solutions' ms-attr="{'id': @solution.id}">
										<img ms-attr="{src: @solution.image,'data-id': @solution.id}" >
										<p>{solution.title}</p>
                                        <i class="icon icon_delete_s" ms-attr="{'data-id': @solution.id}"></i>
									</a>
								</div>
								
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>

		

	</body>

</html>